<template>
  <div class="bg">
    <el-container>
      <!-- 左侧列表 -->
      <leftmenu />
      <el-container>
        <el-main>
          <!-- 顶部 -->
          <topheader />
          <!-- 右侧 -->
          <router-view></router-view>
        </el-main>
      </el-container>
    </el-container>
  </div>
</template>

<script>
import leftmenu from '@/components/leftmenu'
import topheader from '@/components/topheader'
export default {
  data() {
    return {}
  },
  components: {
    leftmenu,
    topheader,
  },
}
</script>
<style lang="scss">
.bg {
  width: 100%;
  height: 100vh;
  background: url('../assets/login.gif') no-repeat;
  background-size: cover;
}
.el-main {
  height: 100vh;
  padding: 0;
  .el-header[data-v-b023117c] {
    background-color: rgb(179, 192, 209, 0.8);
  }
}
</style>